.uytify {
    font-family: uyfont;
    font-size: 36px;
    background: var(--color-subtitle-bg);
    color: var(--color-subtitle);
    padding: 0.45em 0.5em;
    line-height: 1;
    margin: 10;
    text-indent: 0.5em; 
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    text-align: center;

    transition: transform 0.25s ease, box-shadow 0.25s ease,
    background-color 0.25s ease;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.uytify:hover{
    transform: translate3d(0px, -1px, 0px);
  background-color: hsl(0, 0%, 100%);
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
  color:red;
}

@font-face {
  font-family: uyfont;
  font-weight: bold;
  src: url("ALKATIP Esliye.ttf");
}

.pushUpBtn {
  padding: 12px 24px;
  background-color: hsl(222, 100%, 95%);
  color: hsl(243, 80%, 62%);
  border-radius: 6px;
  transition: transform 0.25s ease, box-shadow 0.25s ease,
    background-color 0.25s ease;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.pushUpBtn:hover {
  transform: translate3d(0px, -1px, 0px);
  background-color: hsl(222, 100%, 92%);
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}
